<%--
Created by IntelliJ IDEA.
User: jt
Date: 2021/1/26
Time: 10:20
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>张家口国际展览中心</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="js/jquery-1.9.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <%--    <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>--%>
    <script>
        $(function () {
            var listid = "";
            $("[lists=lists]").addClass("collapsed");
            $("[listid=" + listid + "]").removeClass("collapsed");
        });
    </script>
    <script type="text/javascript">

        //平台、设备和操作系统
        var system = {
            win: false,
            mac: false,
            xll: false,
            ipad: false
        };
        //检测平台
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;
        system.mac = p.indexOf("Mac") == 0;
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;
        //跳转语句，如果是手机访问就自动跳转到" "里的页面
        if (system.win || system.mac || system.xll || system.ipad) {

        } else {

            window.location.href = "/HomePhoto/Index";
        }
        // 设置初始化
        function chushihua(){
            var data="";
            $.ajax({
                url:"http://localhost:8080/searchzh",
                dataType:'json',
                type:'get',
                success:function(res){
                    data=res.data;
                    console.log(data);
                    var neirong="";
                    var tian="";
                    for(i=0;i<data.length;i++){
                        var ZHname = data[i]["ZHname"];
                        var xinxi=data[i]["xinxi"];
                        var begintime=data[i]["begintime"];
                        var endtime=data[i]["endtime"];
                        tian="<div class=\"card\" style=\"margin-top:50px;margin-left: 5%;margin-right:5%;width: 350px;height: 310px;background-color: rgb(131, 216, 231);display: inline-block;border-radius: 15px;\">\n" +
                            "<img src=\"IMG/LinkImg/zhanguan2.jpg\" alt=\"\" width=\"300px\" height=\"200px\" style=\"margin-left: 25px;margin-top: 10px;\">\n" +
                            "<p style=\"margin-left:20px\">展会名："+ZHname+"</p>\n" +
                            "<p style=\"margin-left:20px\">开始时间："+begintime+"</p>\n" +
                            "<button style=\"margin-left: 70%;\" class=\"btn success\">查看详情</button>\n" +
                            "</div>";
                        neirong=neirong+tian;
                    }
                    var nei=document.getElementsByClassName("neirong")[0];
                    nei.innerHTML=neirong;

                }

            })


        }
        // chushihua();
    </script>
</head>

<body>
<div class="top">
    <div class="container">
        <div class="clearfix">
            <div class="pull-left hidden-xs line-height">欢迎进入廊坊国际展览中心！</div>
            <div class="pull-right">

                <div class="pull-left top-a line-height">
                    <a href="login.jsp">会员登录</a>
                    <span>|</span>
                    <a href="register.jsp">注册</a>


                </div>
                <div class="pull-left right-a line-height">
                    <a role="button" class="top-btn active">中文</a>
                    <%--                    <a role="button" class="top-btn" href="/Home/Index_en">ENGLISH</a>--%>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="nav-top">
    <div class="container">
        <div class="clearfix">
            <div class="pull-left logo"><a href="">
                <img src="IMG/LinkImg/20170329140524QQ图片20170329140442.png"></a></div>
            <div class="pull-left logo-txt">
                <img src="IMG/LinkImg/2017030354015logo-txt.png"></div>
            <nav class="navbar navbar-default">
                <div>
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>


                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="index.jsp">首页</a></li>
                            <!-- <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于我们</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                        <li><a href="/Home/News?tid=25&cid=29">>公司介绍</a></li>
                                        <li><a href="/Home/News?tid=25&cid=32">>公司荣誉</a></li>
                                        <li><a href="/Home/News?tid=25&cid=41">>魅力会展</a></li>




                                </ul>
                            </li> -->
                            <!-- <li><a href="/Home/Lable_href?id=1">展会排期</a></li>
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">参展指南</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                        <li><a href="/Home/News?tid=3&cid=11">>我是主办方</a></li>
                                        <li><a href="/Home/News?tid=3&cid=34">>我是参展商</a></li>
                                        <li><a href="/Home/News?tid=3&cid=46">>特装报馆</a></li>




                                </ul>
                            </li> -->
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展馆中心</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                    <li><a href="showZG.jsp">>查看展馆</a></li>
                                    <!-- <li><a href="/Home/News?tid=1&cid=33">></a></li> -->

                                </ul>
                            </li>


                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展会中心</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                    <li><a href="/Home/News?tid=7&cid=15">>展会详情</a></li>
                                    <li><a href="/Home/News?tid=7&cid=42">>展览服务</a></li>




                                </ul>
                            </li>
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">周边配套</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                    <li><a href="/Home/News?tid=6&cid=14">>周边酒店</a></li>
                                    <li><a href="/Home/News?tid=6&cid=35">>周边景点</a></li>
                                    <li><a href="/Home/News?tid=6&cid=36">>周边美食</a></li>




                                </ul>
                            </li>

                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们</a>
                                <ul class="dropdown-menu">
                                    <li class="list-top"></li>
                                    <li><a href="/Home/News?tid=37&cid=38">>咨询电话</a></li>
                                    <li><a href="/Home/News?tid=37&cid=43">>交通路线</a></li>

                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
                <!-- /.container-fluid -->
            </nav>
        </div>
    </div>
</div>

<div class="banner-back" style="background:url(IMG/LinkImg/20170409161548顶部照片1.jpg)"></div>

<script>
    //跳转指定页面的选择事件
    function tiaozhuan(index) {
        var tid = "3";
        var cid = "11";
        if (index != null && index != "" && index != 0) {
            var count = "18";
            window.location = '?count=' + count + "&index=" + index + "&tid=" + tid + "&cid=" + cid;
        }


    }
    //    获取状态值
    //提交ajax发送预定订单
    function huoqu(){
        var zhuangtai=document.getElementsByClassName("zhuangtai")[0].innerText;
        if(getCookie("user")){

            $.ajax({
                type:"get",
                url:"/yudingzg",
                data:{
                    user:getCookie("user"),
                    zhanguan:document.getElementsByClassName("title0")[0].innerText
                },
                dataType: "json",
                success(res){
                    if(res.data==true){
                        alert("预定请求以发出,等待管理员处理");
                    }
                    else {
                        alert("不要重复发送请求");
                    }
                }
            })
        }
        else{
            alert("请先完成登录后继续预定");
        }

    }
    //读取cookie
    function getCookie(name)
    {
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg))
            return unescape(arr[2]);
        else
            return null;
    }
</script>
<style>
    #wrapper #body {
        width: 900px;
        margin: auto;
    }

    #body .inner .right .Position {
        font-size: 12px;
        line-height: 33px;
    }

    #body .inner .right {
        width: 800px;
        float: left;
        border: 1px solid #DDDDDD;
        margin: 50px;
    }

    #body .inner .right .main {
        padding: 10px 20px;
        font-size: 12px;
    }

    #body .inner .right .main .ArticleList td {
        line-height: 35px;
        border-bottom: 1px dashed #CCC;
    }
</style>



<div class="container warp">
    <div class="back-left">
        <img src="images/left-shadow.png"></div>
    <div class="back-right">
        <img src="images/right-shadow.png"></div>
    <div class="clearfix">
        <div class="nav-left pull-left">
            <div class="nav-txt">张家口国际展会</div>
            <div class="title"></div>

        </div>
        <div class="right-c">
            <div class="neirong">

                <div class="clearfix">
                    <div class="pull-left"><div class="title"></div></div>

                    <div class="pull-right back-link">You Address：<a>Home</a> -展馆</a>
                    </div>
                    <div class="article">
                        <div class="article-tt text-center title0">
                            ${requestScope.list[0]}
                            <%--展馆名--%>
                        </div>

                        <!-- <div class="article-date text-center">更新时间：2017-4-15 11:21:26</div> -->

                        <p style="white-space: normal;">
                            <strong>
                            <span style="font-size: 18px;">一、展馆概况
                            </span>
                            </strong>
                        </p>
                        <p style="white-space: normal;width: 80%;">
                            ${requestScope.list[1]}
                        </p>

                        <p style="white-space: normal;">
                            <strong>
                                <span style="font-size: 18px;">二、展馆一览</span>
                            </strong>
                        </p>

                        <p><p style="white-space: normal; text-align: center;">
                        <strong>
                            <span style="font-size: 18px;">
                                <img src="IMG/LinkImg/zhanguan1.jpg" title="展馆.jpg"/>
                            </span>
                        </strong>
                    </p>

                        <p style="white-space: normal;">
                            <strong>
                                <span style="font-size: 18px;">三、展馆说明</span>
                            </strong>
                        </p>
                        <p style="white-space: normal;">本展馆由张家口国际会展中心提供</p>
                        <div class="zhuangtai">
                            ${requestScope.list[2]}
                        </div>
                    </div>
                    <div>
                        <input style="margin-left: 70%;margin-bottom: 50px;" type="button" onclick="huoqu()" value="申请预定" class="btn">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="container friend">

        友情链接：
        <a style="margin-left:30px" href="http://www.010lf.com/">环京津新闻网</a>
        <a style="margin-left:30px" href="#">创展网</a>
        <a style="margin-left:30px" href="#">E展网</a>
        <a style="margin-left:30px" href="#">会展门户</a>
        <a style="margin-left:30px" href="#">中国会展网</a>
        <a style="margin-left:30px" href="#">长城网</a>
        <a style="margin-left:30px" href="#">一览展会网</a>
        <a style="margin-left:30px" href="#">会贸网</a>
    </div>
    <div class="footer-t">
        <div class="container">
            <div class="pull-left">
                Copyright 2013 www.lfgz.com 版权所有 备案号：冀ICP备05027408号-1
            </div>
            <div class="pull-right"><a href="">
                <img src="images/footer01.jpg"></a><a href=""><img src="images/footer02.jpg"></a><a href=""><img src="images/footer03.jpg"></a></div>
        </div>
    </div>
    <ul class="toolbar">
        <li class="toolbar-item toolbar-item-jsq">
            <span class="toolbar-layer toolbar-layer-one">客服热线：<br>
                400-600-6453</span>
        </li>
        <li class="toolbar-item toolbar-item-kefu">
            <a href="#" class="block"></a>
        </li>
        <li class="toolbar-item toolbar-item-weixin">
            <span class="toolbar-layer toolbar-layer-one">
                <img src="IMG/LinkImg/20170405112755订阅号二维码.jpg" alt="Alternate Text" />
            </span>
        </li>
        <li class="toolbar-item toolbar-item-weixin toolbar-item-weibo">
            <a href="" class="block"></a>
        </li>
        <li class="toolbar-item toolbar-item-top">
            <span class="toolbar-layer toolbar-layer-one"><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script></span>
        </li>
        <li class="toolbar-item toolbar-item-six"><a href="" class="block"></a></li>
    </ul>
</body>
</html>
